<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的课程</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../js/layui/css/layui.css">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/schedules_conn.css">
    <link rel="stylesheet" href="../css/address.css">
    <link rel="stylesheet" href="../css/my_course.css">
</head>
<body>
<header class="clearfix">
    <div class="container clearfix">
        <div class="logo fl">
            <a href="#"><img src="../images/logo.png" alt=""></a>
        </div>
        <div class="nav-select fl">
            <div class="select-input ">首页</div>
            <span class="line hide"></span>
            <ul class="hide">
                <li><a href="##">首页</a></li>
                <li><a href="##">首页</a></li>
                <li><a href="##">首页</a></li>
                <li><a href="##">首页</a></li>
                <li><a href="##">首页</a></li>
                <li><a href="##">首页</a></li>
            </ul>
        </div>
        <div class="fr">
            <div class="search fl">
                <div class="dropdown fl">
                    <select name="" id="">
                        <option value="">课程</option>
                        <option value="">老师</option>
                    </select>
                </div>
                <div class="search-box fl">
                    <input type="text">
                    <i class="iconfont">&#xe641;</i>
                </div>
            </div>
            <div class="fl header-nav">
                <ul>
                    <li><a href="#">个人中心</a></li>
                    <li><a href="#">我的订单</a></li>
                    <li class="active"><a href="#">我的课表</a></li>
                    <li><a href="#">我的收藏</a></li>
                    <li><a href="#"><i class="iconfont">&#xe62e;</i></a></li>
                    <li><a href="#">退出</a></li>
                </ul>
            </div>
        </div>
    </div>
</header>
<div class="center clearfix">
    <div class="center-top clearfix">
        <div class="img-box fl">
            <img src="../images/head_pho.png" alt="">
            <p>13900234555</p>
        </div>
        <div class="center-menu">
            <div class="menu fl">
                <a href="#">我的账号</a>
                <ul>
                    <li><a href="#">基本资料</a></li>
                    <li><a href="#">修改登录密码</a></li>
                </ul>
            </div>
            <div class="menu fl">
                <a href="#">课程管理</a>
                <ul>
                    <li><a href="#">我的课表</a></li>
                    <li class="active"><a href="#">我的课程</a></li>
                </ul>
            </div>
            <div class="menu fl">
                <a href="#">我的积分</a>
                <ul>
                    <li><a href="#">积分充值</a></li>
                    <li><a href="#">我的礼物</a></li>
                </ul>
            </div>
            <div class="menu fl">
                <a href="#">留言反馈</a>
            </div>
        </div>
    </div>
    <div class="center-content">
        <div class="container">
            <div class="serach clearfix">
                <div class="fl">
                    <label >
                        <span>课程名称</span>
                        <input type="text" placeholder="课程名称"/>
                    </label>
                    <label >
                        <span>课程状态</span>
                        <select name="">
                            <option value="">全部</option>
                        </select>
                    </label>
                </div>
                <div class="btn">
                    <a href="##" class=" light-blue-button btn-search">查询</a>
                </div>
            </div>
            <div class="course-list">
                <div class="course-item clearfix">
                    <div class="img-box fl">
                        <img src="../images/course.png" alt="">
                        <div class="kc-logo">
                            <img src="../images/kc_logo.png" alt="">
                        </div>
                    </div>
                    <div class="info fl">
                        <p class="title">演练课</p>
                        <p><span class="tch">主讲老师</span>谢俊傲</p>
                        <p>开课时间：2018-06-09至2018-06-10 10:20 共6小节</p>
                        <p>价格：￥0.00 <span class="status">[已学完]</span></p>
                    </div>
                    <div class="oper fr">
                        <p>
                            <a href="#">详情</a>
                            <span class="check-work">查看作业</span>
                            <a href="#">查看笔记</a>
                        </p>
                    </div>
                </div>
                <div class="course-item clearfix">
                    <div class="img-box fl">
                        <img src="../images/course.png" alt="">
                        <div class="kc-logo">
                            <img src="../images/kc_logo.png" alt="">
                        </div>
                    </div>
                    <div class="info fl">
                        <p class="title">演练课</p>
                        <p><span class="tch">主讲老师</span>谢俊傲</p>
                        <p>开课时间：2018-06-09至2018-06-10 10:20 共6小节</p>
                        <p>价格：￥0.00 <span class="status">[已学完]</span></p>
                    </div>
                    <div class="oper fr">
                        <p>
                            <a href="#">详情</a>
                            <a href="#">查看作业</a>
                            <a href="#">查看笔记</a>
                        </p>
                    </div>
                </div>
                <div class="course-item clearfix">
                    <div class="img-box fl">
                        <img src="../images/course.png" alt="">
                        <div class="kc-logo">
                            <img src="../images/kc_logo.png" alt="">
                        </div>
                    </div>
                    <div class="info fl">
                        <p class="title">演练课</p>
                        <p><span class="tch">主讲老师</span>谢俊傲</p>
                        <p>开课时间：2018-06-09至2018-06-10 10:20 共6小节</p>
                        <p>价格：￥0.00 <span class="status">[已学完]</span></p>
                    </div>
                    <div class="oper fr">
                        <p>
                            <a href="#">详情</a>
                            <a href="#">查看作业</a>
                            <a href="#">查看笔记</a>
                        </p>
                    </div>
                </div>
                <div class="course-item clearfix">
                    <div class="img-box fl">
                        <img src="../images/course.png" alt="">
                        <div class="kc-logo">
                            <img src="../images/kc_logo.png" alt="">
                        </div>
                    </div>
                    <div class="info fl">
                        <p class="title">演练课</p>
                        <p><span class="tch">主讲老师</span>谢俊傲</p>
                        <p>开课时间：2018-06-09至2018-06-10 10:20 共6小节</p>
                        <p>价格：￥0.00 <span class="status">[已学完]</span></p>
                    </div>
                    <div class="oper fr">
                        <p>
                            <a href="#">详情</a>
                            <a href="#">查看作业</a>
                            <a href="#">查看笔记</a>
                        </p>
                    </div>
                </div>
                <div class="course-item clearfix">
                    <div class="img-box fl">
                        <img src="../images/course.png" alt="">
                        <div class="kc-logo">
                            <img src="../images/kc_logo.png" alt="">
                        </div>
                    </div>
                    <div class="info fl">
                        <p class="title">演练课</p>
                        <p><span class="tch">主讲老师</span>谢俊傲</p>
                        <p>开课时间：2018-06-09至2018-06-10 10:20 共6小节</p>
                        <p>价格：￥0.00 <span class="status">[已学完]</span></p>
                    </div>
                    <div class="oper fr">
                        <p>
                            <a href="#">详情</a>
                            <a href="#">查看作业</a>
                            <a href="#">查看笔记</a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="page">
                <ul>
                    <li class="prev"><i class="iconfont">&#xe60a;</i>PREV</li>
                    <li>1</li>
                    <li>2</li>
                    <li class="active">3</li>
                    <li class="next">NEXT<i class="iconfont">&#xe60b;</i></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="introduce">
    <div class="container">
        <div class="top clearfix">
            <div class="logo fl"><a href="#"><img src="../images/logo.png" alt=""></a></div>
            <div class="fl download">
                <img src="../images/erweima.png" alt="">
                <p>客户端下载</p>
            </div>
            <div class="fl download">
                <img src="../images/erweima.png" alt="">
                <p>微信公众号</p>
            </div>
            <div class="fl contact">
                <p><i class="iconfont">&#xe618;</i>020-32146993</p>
                <p><i class="iconfont">&#xe61b;</i>4903 Deangel Row Suite 838</p>
                <p><i class="iconfont">&#xe639;</i>support@company.com</p>
            </div>
        </div>
        <div class="contact-ul clearfix">
            <ul>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">人才招聘</a></li>
                <li><a href="#">服务协议</a></li>
            </ul>
        </div>
        <div class="footline">
            <img src="../images/footer_end.png" alt="">
        </div>
    </div>
</div>
<footer>
    <p>广州市家合教育科技有限公司</p>
    <p>地址：广州市增城大道69号万达广场金街9栋201-204 粤ICP备16098091号</p>
</footer>
</body>
</html>
<!--查看作业弹窗-->
<div class="check-prompt">
    <div class="work-content">
        <p>
            <span>学院昵称 陈诗诗</span>
            <span class="fr">报名课程 演练课</span>
        </p>
        <p>1</p>
        <p>2</p>
    </div>
    <div class="ensure-div">
        <button class="ensure" style="margin-right: 0">提交</button>
    </div>
</div>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/conn.js"></script>
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
<script src="../js/layui/layui.js"></script>
<script>
    $(function () {
        $('.points-val span').on('click',function () {
            $(this).addClass('active').siblings().removeClass('active')
        })
        $('.check-work').on('click',function () {
            var chackHtml=$('.check-prompt').html()
            layui.use(['layer'], function(){
                var layer = layui.layer;
                layer.open({
                    type:1,
                    title:false,
                    content:chackHtml,
                    area:['600px','260px'],
                    closeBtn:0,
                    success:function (dom,index) {
                        dom.find('.ensure').on('click',function () {
                            layer.close(index)
                        })
                    }
                })
            });
        })

    })
</script>